<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Keywords" content="盖网,网上购物,网上商城,积分兑换,积分消费,手机,笔记本,电脑,数码,服装,手表,化妆品,保健品,盖象商城" />
    <meta name="Description" content="盖网,盖象商城-中国最大的网上购物及积分兑换消费商城，便捷，诚信的服务,为您提供愉悦的网上商城购物体验!" />
    <title>盖象商城</title>
    <link href="../styles/global.css" rel="stylesheet" type="text/css" />
    <link href="../styles/mygx.css" rel="stylesheet" type="text/css" />
    <link href="../styles/cart.css" rel="stylesheet" type="text/css" />
    <link href="../styles/global-module.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <!-- 头部start -->
    <div class="gx-top-title clearfix" id="gx-top-title">
        <div class="gx-top-title-main clearfix">
            <a href="首页.html" title="盖象商城" class="gx-top-home index-icon">盖象首页</a>
            <div class="gx-top-welcome">Hi，欢迎来到盖象商城&nbsp;&nbsp;
                <a href="登录.html" title="登录">登录</a>&nbsp;
                <a href="注册.html" title="注册">注册</a>
            </div>
            <div class="gx-top-nav">
                <a href="我的盖象_购物车.html" title="购物车" class="gx-top-shopping index-icon">购物车<span class="gx-top-shopping-num">12</span></a>
                <div class="gx-top-mygx index-icon">
                    我的盖象<span class="index-icon"></span>
                    <div class="gx-top-ycItem clearfix">
                        <a href="商品订单.html" title="我的订单">我的订单<br/></a>
                        <a href="我的盖象_我的资产_我的钱包.html" title="我的钱包">我的钱包<br/></a>
                    </div>
                </div>
                <div class="gx-top-mygx gx-top-mygx2 index-icon">
                    收藏夹<span class="index-icon"></span>
                    <div class="gx-top-ycItem clearfix">
                        <a href="商品收藏.html" title="收藏的商品">收藏的商品<br/></a>
                        <a href="店铺收藏.html" title="收藏的店铺">收藏的店铺<br/></a>
                    </div>
                </div>
                <div class="gx-top-mygx index-icon">
                    商家支持<span class="index-icon"></span>
                    <div class="gx-top-ycItem clearfix">
                        <a href="#" title="商家入驻">商家入驻<br/></a>
                        <a href="#" title="合作加盟">合作加盟<br/></a>
                        <a href="#" title="盖网终端机">盖网终端机<br/></a>
                    </div>
                </div>
                <div class="gx-top-mygx gx-top-app index-icon">
                    手机APP<span class="index-icon"></span>
                    <div class="gx-top-ycItem clearfix">
                        <ul>
                            <li>
                                <p><img width="90" height="90" src="../images/bgs/gx-rightEWM.jpg" /></p>
                                <p>盖象优选APP</p>
                            </li>
                            <li>
                                <p><img width="90" height="90" src="../images/bgs/gx-rightGZH.jpg" /></p>
                                <p>微信公众号</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="gx-top-mygx index-icon">
                    简体中文<span class="index-icon"></span>
                    <div class="gx-top-ycItem clearfix">
                        <a href="#" title="">简体中文</a>
                        <a href="#" title="">繁體中文</a>
                        <a href="#" title="">English</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部end -->
    <!-- 导航start -->
    <div class="mygx-top-nav">
        <div class="top-nav-cont clearfix">
            <div class="nav-cont-logo"></div>
            <div class="nav-cont-option clearfix">
                <a href="我的盖象.html" title="首页"><span class="option-text">首页</span></a>
                <a href="#" title="账户设置" class="option-accountsettings">
                    <span class="option-text option-text-setup">账户设置</span>
                    <span class="member-icon option-ioc"></span>
                </a>
                <a href="我的盖象_消息.html" title="消息"><span class="option-text">消息</span></a>
                <div class="option-accountsettings-cont">
                    <div class="option-accountsettings-cont-buttom">
                        <div class="cont-up"></div>
                        <a href="我的盖象_我的设置_个人信息.html" title="个人消息">个人消息</a>
                        <a href="#" title="收货地址">收货地址</a>
                        <a href="修改邮箱-修改邮箱.html" title="修改邮箱">修改邮箱</a>
                        <a href="修改绑定手机-验证身份.html" title="绑定手机">绑定手机</a>
                        <a href="修改密码-修改新密码.html" title="修改登录密码">修改登录密码</a>
                        <a href="设置密码(支付)修改.html" title="修改支付密码">修改支付密码</a>
                    </div>
                </div>
            </div>
            <div class="mygx-nav-search">
                <input type="text" placeholder="请输入要搜索的商品" />
                <a href="#" title="搜索">搜索</a>
            </div>
        </div>
    </div>
    <!-- 导航end -->

    <!--主体start-->
    <div class="member-main">


    <div class="member-contain clearfix">
        <div class="member-sidebar">
            <div class="decoration"></div>
            <ul class="sidebar-main">
                <li class="mt13">
                    <a href="我的盖象_购物车.html"><i class="listmark"></i><span>我的购物车</a>
                </li>
                <li>
                    <i class="listmark"></i><span>我的订单</span>
                    <div class="sublist" style="display: block">
                        <a href="商品订单.html" title="商品订单" class="reds">商品订单</a>
                        <a href="我的盖象-商品评价.html" title="商品评价">商品评价</a>
                        <a href="酒店订单.html" title="酒店订单">酒店订单</a>
                        <a href="#" title="我的竞拍">我的竞拍</a>
                    </div>
                </li>
                <li>
                    <i class="listmark"></i><span>我的资产</span>
                    <div class="sublist" style="display: block">
                        <a href="我的盖象_我的资产_我的钱包.html" title="我的钱包">我的钱包</a>
                        <a href="我的盖象_我的资产_优惠券(未使用).html" title="优惠券">优惠券</a>
                        <a href="我的盖象_我的资产_积分充值.html" title="积分充值">积分充值</a>
                        <a href="我的盖象_我的资产_消费明细.html" title="消费明细">消费明细</a>
                    </div>
                </li>
                <li>
                    <i class="listmark"></i><span>我的收藏</span>
                    <div class="sublist" style="display: block">
                        <a href="商品收藏.html" title="商品收藏">商品收藏</a>
                        <a href="店铺收藏.html" title="店铺收藏">店铺收藏</a>
                        <a href="浏览历史.html" title="浏览历史">浏览历史</a>
                    </div>
                </li>
                <li>
                    <i class="listmark"></i><span>售后服务</span>
                    <div class="sublist" style="display: block">
                        <a href="#" title="退货">退货</a>
                    </div>
                </li>
                <li>
                    <i class="listmark"></i><span>特色业务</span>
                    <div class="sublist" style="display: block">
                        <a href="我的盖象_特色业务_推荐链接.html" title="推荐链接">推荐链接</a>
                        <a href="我的盖象_特色业务_我推荐的会员.html" title="我推荐的会员">我推荐的会员</a>
                        <a href="我的盖象_特色业务_推荐会员消费详情.html" title="我推荐的会员">推荐会员消费详情</a>
                    </div>
                </li>
                <li>
                    <i class="listmark"></i><span>我的设置</span>
                    <div class="sublist" style="display: block">
                        <a href="我的盖象_我的设置_个人信息.html" title="个人信息">个人信息</a>
                        <a href="我的盖象_我的设置_账户安全.html" title="账户安全">账户安全</a>
                        <a href="我的盖象_我的设置_收货地址.html" title="收货地址">收货地址</a>
                    </div>
                </li>
                <li>
                    <i class="listmark"></i><span>我的企业</span>
                    <div class="sublist" style="display: block">
                        <a href="我的盖象_我的企业_提现列表.html" title="提现列表">提现列表</a>
                        <a href="我的盖象_我的企业_账户明细.html" title="线下交易明细">账户明细</a>
                        <a href="我的盖象_我的企业_提现列表_线下交易明细.html" title="线下交易明细">线下交易明细</a>
                        <a href="" title="卖家平台">卖家平台</a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="main-contain main-evaluate-contain">
            <div class="main-contain">
                <ul class="order-nav clearfix">
                    <li>
                        <a href="#" class="active">
                            <span>全部</span>
                            <i class="interval"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>新订单</span>
                            <em class="tm-h">1</em>
                            <i class="interval"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>订单确认</span>
                            <em class="tm-h">1</em>
                            <i class="interval"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>订单完成</span>
                            <em class="tm-h">1</em>
                            <i class="interval"></i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span>订单关闭</span>
                            <em class="tm-h">1</em>
                            <i class="interval"></i>
                        </a>
                    </li>
                </ul>
                <div class="order-top clearfix">
                    <form action="#" class="order-seach clearfix">
                        <input type="text" class="order-input" placeholder="请输入酒店名称或订单编号"/>
                        <input type="submit" class="seach-btn" value="订单搜索"/>
                    </form>
                    <div class="page-btn">
                        <button class="prev">上一页</button>
                        <button class="next">下一页</button>
                        <button class="prev none">上一页</button>
                        <button class="next none">下一页</button>
                    </div>
                </div>
                <table class="myorder-list">
                    <thead>
                    <tr class="col-name">
                        <th class="product">酒店及客房名称</th>
                        <th class="price">总金额</th>
                        <th class="quantity">入住时间</th>
                        <th class="payment">支付状态</th>
                        <th class="status">订单状态</th>
                        <th class="operation">交易操作</th>
                    </tr>
                    </thead>
                    <tbody class="list-item">
                        <tr class="sep-row">
                            <td colspan="6"></td>
                        </tr>
                        <tr class="order-hd">
                            <td colspan="6">
                                <b class="dealtime">2014-12-15</b>
                                <span class="order-num">订单号：3284 7098 0234 0235</span>
                            </td>
                        </tr>
                        <tr class="order-bd">
                            <td class="product Hproduct">
                                <a href="#" title=""><img
                                        src="../images/hotel/h_img01_86-86.jpg" class="product-img" alt="产品图片"/></a>
                                <div class="product-txt">
                                    <a href="#" class="product-name link">三亚凯莱仙人掌度假酒店（需提前一天预订）-高级山景房 </a>
                                </div>
                            </td>
                            <td class="price">588.00</td>
                            <td class="quantity">2015-4-10 - 2015-4-11</td>
                            <td class="status">
                                未支付
                            </td>
                            <td class="status">
                                <p><a href="#" class="link">订单关闭</a></p>
                            </td>
                            <td class="status">
                                <p><a href="#" class="link">订单详情</a></p>
                            </td>
                        </tr>
                    </tbody>
                    <tbody class="list-item">
                        <tr class="sep-row">
                            <td colspan="6"></td>
                        </tr>
                        <tr class="order-hd">
                            <td colspan="6">
                                <b class="dealtime">2014-12-15</b>
                                <span class="order-num">订单号：3284 7098 0234 0235</span>
                            </td>
                        </tr>
                        <tr class="order-bd">
                            <td class="product Hproduct">
                                <a href="#" title=""><img
                                        src="../images/hotel/h_img01_86-86.jpg" class="product-img" alt="产品图片"/></a>
                                <div class="product-txt">
                                    <a href="#" class="product-name link">三亚凯莱仙人掌度假酒店（需提前一天预订）-高级山景房 </a>
                                </div>
                            </td>
                            <td class="price">588.00</td>
                            <td class="quantity">2015-4-10 - 2015-4-11</td>
                            <td class="status">
                                未支付
                            </td>
                            <td class="status">
                                <p><a href="#" class="link">订单关闭</a></p>
                            </td>
                            <td class="status">
                                <p><a href="#" class="link">订单详情</a></p>
                            </td>
                        </tr>
                    </tbody>
                    <tbody class="list-item">
                        <tr class="sep-row">
                            <td colspan="6"></td>
                        </tr>
                        <tr class="order-hd">
                            <td colspan="6">
                                <b class="dealtime">2014-12-15</b>
                                <span class="order-num">订单号：3284 7098 0234 0235</span>
                            </td>
                        </tr>
                        <tr class="order-bd">
                            <td class="product Hproduct">
                                <a href="#" title=""><img
                                        src="../images/hotel/h_img01_86-86.jpg" class="product-img" alt="产品图片"/></a>
                                <div class="product-txt">
                                    <a href="#" class="product-name link">三亚凯莱仙人掌度假酒店（需提前一天预订）-高级山景房 </a>
                                </div>
                            </td>
                            <td class="price">588.00</td>
                            <td class="quantity">2015-4-10 - 2015-4-11</td>
                            <td class="status">
                                未支付
                            </td>
                            <td class="status">
                                <p><a href="#" class="link">订单关闭</a></p>
                            </td>
                            <td class="status">
                                <p><a href="#" class="link">订单详情</a></p>
                            </td>
                        </tr>
                    </tbody>
                </table>
                
                <!-- 分页start -->
                <div class="pageList">
                    <ul class="yiiPager">
                        <li class="first"><a href="#">首页</a></li>
                        <li class="prev"><a href="#">上页</a></li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li class="active"><a data-page="3" href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">6</a></li>
                        <li class="next"><a href="#">下页</a></li>
                        <li class="last"><a href="#">尾页</a></li>
                    </ul>
                </div>
                
            </div>
        </div>

    </div>

    </div>
    <!-- 主体end -->
    <!-- 底部start -->
    <div class="gx-bottom gx-evaluate">
        <div class="gx-bottom-link">
            <div class="gx-bottom-link-main">
                <div class="gx-bottom-link-item">
                    <a href="#" title="关于盖网">关于盖网</a>|
                    <a href="#" title="帮助中心">帮助中心</a>|
                    <a href="#" title="网站地图">网站地图</a>|
                    <a href="#" title="诚聘英才">诚聘英才</a>|
                    <a href="#" title="联系客服">联系客服</a>|
                    <a href="#" title="免责声明">免责声明</a>|
                    <a href="#" title="隐私保护">隐私保护</a>|
                    <a href="#" title="家长监护">家长监护</a>|
                    <a href="#" title="站长统计">站长统计</a>
                </div>
                Copyright g-emall.com | 增值电信业务经营许可证：粤B2-20140364 | 粤ICP备14049968号-2 | 互联网药品信息服务资格证 | 网络文焕经营许可证 | 穗公网监备案证第440700500100
            </div>
        </div>
    </div>
    <!-- 底部end -->
    <!-- 返回顶部 -->
    <div class="mygx-returntotop">
        <div class="member-icon"></div>
        <p>回到顶部</p>
    </div>
    <!-- 返回顶部 -->
    <script src="../js/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="../js/jquery.gate.common.js" type="text/javascript"></script>
    <script>
        $(function () {

            //选择分类
            $(".collect-top-item ul li").click(function () {
                $(this).siblings().removeClass("on").end().addClass("on");
            })

            //取消收藏所有
            $(".collect-content-page .btn-keep").click(function () {
                $(".delete-store,.pordShareBg").show();
            });

            $(".gl-pop-close").click(function () {
                $(".delete-store,.pordShareBg").hide();
            });

            //鼠标悬浮显示账户设置的选项
            $('.option-accountsettings').hover(function () {
                $(".option-accountsettings-cont").show();
            }, function () {
                $(".option-accountsettings-cont").hide();
            })
            $('.nav-cont-option a').hover(function () {
                $(this).find(".option-text").addClass("option-borbt");
            }, function () {
                $(this).find(".option-text").removeClass("option-borbt");
            })
            $('.option-accountsettings-cont').hover(function () {
                $(this).siblings(".option-accountsettings").find(".option-ioc").addClass("option-iocup");
                $(".option-accountsettings .option-text-setup").addClass("option-borbt");
                $(".option-accountsettings-cont").show();
            }, function () {
                $(".option-accountsettings .option-text-setup").removeClass("option-borbt");
                $(this).siblings(".option-accountsettings").find(".option-ioc").removeClass("option-iocup");
                $(".option-accountsettings-cont").hide();
            })

            //切换店铺商品
            $(".shore-tab ul li").click(function () {
                $(this).siblings().removeClass("on").end().addClass("on");
                var num = $(this).index();
                $(this).parent().parent().parent().find(".shore-itme").siblings().css("display", "none").end().eq(num).css("display", "block");
            });

            //取消收藏
            $(".store-content-item .store-remove").click(function () {
                $(this).parent().parent().find(".pordShare-item").show();
            });
            $(".gl-pop-close").click(function () {
                $(this).parent().parent().find(".pordShare-item").hide();
            })

            //点击置顶
            $(".store-content-item .store-up").click(function () {
                if ($(this).hasClass("on")) {
                    $(this).removeClass("on").html("<i class='cart-icon'></i>置顶");
                } else {
                    $(this).addClass("on").html("<i class='cart-icon'></i>已置顶");
                }
            })



            //店铺商品点击移动
            $.fn.carousel = function (options) {
                return this.each(function () {
                    var $this = $(this);
                    var len = $this.find("li").length;
                    var ulen = len * 150 - 10;
                    $this.find("ul").css("width", ulen);

                });
            };
            $(".shore-tab-info .shore-itme").carousel();
            $(".shore-left").click(function () {
                var ulen = parseInt($(this).parent().find("ul").css("width"));
                if (ulen < 740) {
                    $(this).parent().find("ul").animate({
                        left: 0
                    });
                } else {
                    var num = parseInt(ulen / 740);
                    if (num <= 1) {
                        var mlen = ulen - 740;
                        $(this).parent().find("ul").animate({
                            left: -mlen
                        })
                    } else {
                        var i = $(this).parent().find("ul").attr("data");

                        if (i < (num - 1)) {
                            var nlen = parseInt($(this).parent().find("ul").css("left"));
                            var mlen = nlen - 750;
                            $(this).parent().find("ul").animate({
                                left: mlen
                            });
                            i++;
                            $(this).parent().find("ul").attr("data", i);
                        } else {
                            var mlen = (740 - (ulen - 750 * i)) - 750 * i;
                            $(this).parent().find("ul").animate({
                                left: mlen
                            });
                        }

                    }
                }
            })
            $(".shore-right").click(function () {
                var ulen = parseInt($(this).parent().find("ul").css("width"));
                var num = parseInt(ulen / 740);
                if (num <= 1) {
                    $(this).parent().find("ul").animate({
                        left: 0
                    })
                } else {
                    var i = $(this).parent().find("ul").attr("data");
                    if (i > 0) {
                        var nlen = parseInt($(this).parent().find("ul").css("left"));
                        var mlen = nlen + 750;
                        $(this).parent().find("ul").animate({
                            left: mlen
                        });
                        i--;
                        $(this).parent().find("ul").attr("data", i);
                    } else {
                        $(this).parent().find("ul").animate({
                            left: 0
                        })
                    }

                }

            })



        })
    </script>
</body>

</html>